最近『インクルーシブデザイン』という言葉を目にします。
『アクセシブル』も『ユニバーサル』も『インクルーシブ』も
「多様な利用者に配慮する」という文脈を形成する意味で
同じように利用されます。
が、『インクルーシブデザイン』という言葉を選ぶときは
「障がい者や高齢者を巻き込んで一緒にデザインする」
という意味を込めたり込めなかったりする点に留意が必要です。
16~69歳の視覚障がい者の 91.7% が
インターネットを利用しています。
2016年4月1日
障害を理由とする差別の解消の推進に関する法律(障害者差別解消法)が施行されました。
概要
よく分かりませんが
合理的な配慮が要るみたいです。
ちなみにどこかで見たような 5 段階評価表があったりもします
主に音声読み上げソフトを利用
見え方や見えやすい条件に多様な個人差がある
Web 利用方法も様々
| PC-Talker | 141,040 円 (税込) | 国内シェア 85.3% |
| JAWS | 153,360 円 (税込) | |
| NVDA | 無料 | オープンソース |
| ナレーター | Windows 標準付属 | Ctrl + Win + Enter |
| VoiceOver | macOS, iOS 標準付属 |
| NetReader | 30,240円 (税込) | 要 PC-Talker |
| IBM Home Page Reader | 販売終了 | IE 6 まで |
| ALTAIR (アルティア) | 無料 | DL リンク切れ... |
Web Content Accessibility Guidelines (WCAG) 2.0 [日本語訳]
https://waic.jp/docs/WCAG20/Overview.html
パッと見ハードル高そうな印象を受けるけど文章は割と平易
ガイドライン 1.1 テキストによる代替: すべての非テキストコンテンツには、拡大印刷、点字、音声、シンボル、平易な言葉などの利用者が必要とする形式に変換できるように、テキストによる代替を提供すること。
ガイドライン 2.1 キーボード操作可能: すべての機能をキーボードから利用できるようにすること。
目次ぐらい目を通しても損にはならない
<button
aria-label="お気に入りに追加"
aria-describedby="favorite-button-description"
>
<i class="mdi mdi-star"></i>
</button>
<p id="favorite-button-description" style="display: none;">
選択されている項目をお気に入りに追加します
</p>選択されている項目をお気に入りに追加します
<div aria-hidden>この要素は読み上げられません</div><div role="tablist">
<input name="selectedTab" type="radio" role="tab">タブ1</input>
<input name="selectedTab" type="radio" role="tab">タブ2</input>
<input name="selectedTab" type="radio" role="tab">タブ3</input>
</div>role 属性や aria-* 属性を規定する W3C 勧告
WAI-ARIA のベストプラクティスは
可能な限り WAI-ARIA を使わないこと
WAI-ARIA が規定する role (一部)
WAI-ARIA が規定する aria 属性(一部)
なるべく使わない方が良いものなので
必死に覚えなくても良いと思います。個人的には。
歪んだ文字画像を表示して文字に起こさせることで
利用者が人間であることを確認するツール
画像の代わりに音声を文字に起こす CAPTCHA もある
画像だけの CAPTCHA は視覚障がい者の大敵
チェックボックスをクリックするだけで
利用者が人間であることを確認するツール
マウスの動きなどから人間か機械かを判断するらしい
画像/音声 CAPTCHA もオプションとして提供される
最近『インクルーシブデザイン』という言葉を目にします。
『アクセシブル』も『ユニバーサル』も『インクルーシブ』も
「多様な利用者に配慮する」という文脈を形成する意味で
同じように利用されます。
が、『インクルーシブデザイン』という言葉を選ぶときは
「障がい者や高齢者を巻き込んで一緒にデザインする」
という意味を込めたり込めなかったりする点に留意が必要です。
インクルーシブデザインの原則
(「Inclusive Design Principles」日本語訳)
http://inclusivedesignprinciples.org/ja/
↑ とても読みやすいアクセシビリティガイドラインになっていてオススメ
視覚障害者のインターネット利用特性と問題分析:みんなのウェブ
http://barrierfree.nict.go.jp/accessibility/proof/report/blind/index.html
視覚障害者の携帯電話・スマートフォン・タブレット・パソコン利用状況調査2013: 新潟大学学術リポジトリ Nuar
http://dspace.lib.niigata-u.ac.jp/dspace/handle/10191/27807
エー イレブン ワイ[WebA11y.jp]
http://weba11y.jp/
[英語]Tips for Getting Started • WAI
https://www.w3.org/WAI/gettingstarted/tips/